<!--
 * @Descripttion:
 * @version: 1.0.0
 * @Author: htang
 * @Date: 2024-01-25 09:04:28
 * @LastEditors: htang
 * @LastEditTime: 2024-01-25 09:09:51
-->
<template>
  <div class="error-page">
    <div class="t1">
      <span>插件启动失败，请检查插件是否安装！ </span>
      <a class="tip" href="https://wrj-heneng.oss-cn-shenzhen.aliyuncs.com/voc/%E6%B5%B7%E5%BA%B7%E6%8F%92%E4%BB%B6/VideoWebPlugin.exe">
        点击下载插件安装
      </a>
    </div>
    <div class="t2">
      <span>如插件安装成功播放不了的情况下操作步骤：</span>
    </div>
    <div class="t3">
      <span>打开一个“Chrome浏览器”页面在浏览器地址栏输入：</span>
      <span class="tip">chrome://flags/#show-cert-link</span>
    </div>
    <div class="t4">
      <ul>
        <li>1： 搜索以下选项操作</li>
        <li> 2： Allow invalid certificates for resources loaded from localhost. 设置为“Enabled” </li>
        <li>3： Block insecure private network requests. 设置为“Disabled”</li>
        <li>
          4：
          <img src="@/assets/images/img-49.png" />
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import { Image } from 'ant-design-vue';
export default {
  components: { 'a-image': Image },
  data() {
    return {};
  },
};
</script>

<style lang="less" scoped>
.error-page {
  margin: 0 24px;
  font-size: 18px;
  color: #333;
  a {
    color: #333;
    text-decoration: none;
  }
  .tip {
    color: greenyellow;
  }
  img {
    width: 230px;
    height: 100%;
  }
}
</style>